@charset "utf-8";

// 变量存储
// 字体Unicode编码 微软雅黑:\5FAE\8F6F\96C5\9ED1 , 宋体:\5B8B\4F53
$pcFont: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', arial;


$seColor:#000;

// 字体颜色
$fontColor: #333;
$blackColor:#000;
$whiteColor:#fff;
$activeColor:#b48b78;

 //价格颜色
$priceColor:#e11a1f;        

// 边框颜色
$borderColor:#e3e3e3;

// 背景填充色
$titleBackground:#f6f6f6;

// 错误提示颜色
$erroColor:#f43500;

%display {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
%text-indent {
    font-size:0;
    text-indent:-99999em;
    overflow:hidden;
}
%box-sizing {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
/* 单行文字溢出时出现省略号，需设定宽度 */ 
%fn_text_overflow{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

//浮动
%fn-fl {
    float:left;
}
%fn-fr {
    float:right;
}

// 绝对居中
@mixin center($width, $height) {
    position: absolute;
    left:50%;
    top:50%;
    width:$width;
    height:$height;
    margin:(-$height / 2) 0 0 (-$width / 2);
}
// 设置动画名称
@mixin animation($aniName) {
    -webkit-animation:$aniName;
    -moz-animation:$aniName;
    -o-animation:$aniName;
    animation:$aniName;
}
// 设置延迟执行时间
@mixin animation-delay($time) {
    -webkit-animation-delay:$time;
    -moz-animation-delay:$time;
    -o-animation-delay:$time;
    animation-delay:$time;
}
// 设置阴影
@mixin box-shadow($shadow...) {
    -webkit-box-shadow:$shadow;
    -moz-box-shadow:$shadow;
    -o-box-shadow:$shadow;
    box-shadow:$shadow;
}
// 圆角
@mixin border-radius($radius) {
    -webkit-border-radius:$radius;
    -moz-border-radius:$radius;
    -o-border-radius:$radius;
    border-radius:$radius;
}
// 设置过渡
@mixin transition($transition...) {
    -webkit-transition:$transition;
    -moz-transition:$transition;
    -o-transition:$transition;
    transition:$transition;
}
// 设置旋转位置
@mixin transform-origin($origin...) {
    -webkit-transform-origin:$origin;
    -moz-transform-origin:$origin;
    -o-transform-origin:$origin;
    transform-origin:$origin;
}
@mixin transform($transform...) {
    -webkit-transform:$transform;
    -moz-transform:$transform;
    -o-transform:$transform;
    transform:$transform;
}

// 设置关键帧
@mixin keyframes($name) {
    @-webkit-keyframes #{$name} {
        $browser: '-webkit-'; @content;
    }
    @-moz-keyframes #{$name} {
        $browser: '-moz-'; @content;
    }
    @-o-keyframes #{$name} {
        $browser: '-o-'; @content;
    }
    @keyframes #{$name} {
        $browser: ''; @content;
    }
}
//居中
@mixin center-block {
     margin-left: auto; 
     margin-right: auto; 
}
//右三角箭头
@mixin arrow-right($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-top:$size solid transparent;
    border-bottom: $size solid transparent;
    border-left: $size solid $color;
}
//左三角箭头
@mixin arrow-left($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-top:$size solid transparent;
    border-bottom:$size solid transparent; 
    border-right:$size solid $color; 
}
//上三角箭头
@mixin arrow-top($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-left:$size solid transparent;
    border-bottom:$size solid transparent; 
    border-right:$size solid $color; 
}
//下三角箭头
@mixin arrow-bottom($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-left:$size solid transparent;
    border-top:$size solid transparent; 
    border-right:$size solid $color; 
}
